<!-- From Uiverse.io by jlutrezehue  - Tags: simple, card, ios, modern, clean, card template, tailwind, tailwindcss -->
<div class="bg-gray-100 max-w-sm mx-auto rounded shadow-md">
  <div class="text-center p-6">
    <p class="text-lg font-bold mb-0">
      Allow this device to access photos and videos?
    </p>
    <p class="text-sm mb-0">
      This device will be able to access photos and videos while it is connected
      to your iPhone.
    </p>
  </div>
  <div class="border-t border-gray-300 flex justify-center p-0">
    <div class="flex-1 text-center">
      <button
        class="text-blue-600 hover:bg-white hover:rounded-bl-md w-full py-2"
        type="button"
      >
        Allow
      </button>
    </div>
    <div class="border-l border-gray-300"></div>
    <div class="flex-1 text-center">
      <button
        class="text-blue-600 font-bold hover:bg-white hover:rounded-br-md w-full py-2"
        type="button"
      >
        Don't Allow
      </button>
    </div>
  </div>
</div>


    